<!DOCTYPE html>
<script src="resources/responsive-test.js"></script>
<script>
assertCSSResponsive({
  targetTag: 'path',
  property: 'd',
  from: "inherit",
  to: "path('M 10 20 H 30')",
  configurations: [{
    state: {inherited: "path('M 90 60 H 34')"},
    expect: [
      {at: 0.25, is: "path('M 70 50 H 33')"},
      {at: 0.75, is: "path('M 30 30 H 31')"},
    ],
  }, {
    state: {inherited: "path('M 6 0 H 70')"},
    expect: [
      {at: 0.25, is: "path('M 7 5 H 60')"},
      {at: 0.75, is: "path('M 9 15 H 40')"},
    ],
  }, {
    state: {inherited: "none"},
    expect: [
      {at: 0.25, is: "none"},
      {at: 0.75, is: "path('M 10 20 H 30')"},
    ],
  }],
});
</script>
